<template>
	<!-- 商品管理 -->
	<div class="page">
		<el-breadcrumb class="breadcrumb" separator-class="el-icon-arrow-right">
			<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
			<el-breadcrumb-item>添加</el-breadcrumb-item>
		</el-breadcrumb>
		<el-form ref="form" :model="form" label-width="80px">
			<el-form-item label="分录号">
				<el-input size="small" v-model="form.id"></el-input>
			</el-form-item>
			<el-form-item label="商品编号">
				<el-input size="small" v-model="form.goods_id"></el-input>
			</el-form-item>
			<el-form-item label="商品名称">
				<el-input size="small" v-model="form.title"></el-input>
			</el-form-item>
			<el-form-item label="类别">
				<el-input size="small" v-model="form.type"></el-input>
			</el-form-item>
			<el-form-item label="规格型号">
				<el-input size="small" v-model="form.guide"></el-input>
			</el-form-item>
			<el-form-item label="产地">
				<el-input size="small" v-model="form.city"></el-input>
			</el-form-item>
			<el-form-item label="单位">
				<el-input size="small" v-model="form.unit"></el-input>
			</el-form-item>
			<el-form-item label="数量">
				<el-input size="small" v-model="form.number"></el-input>
			</el-form-item>
			<el-form-item label="成本价">
				<el-input size="small" v-model="form.price1"></el-input>
			</el-form-item>
			<el-form-item label="税率%">
				<el-input size="small" v-model="form.price2"></el-input>
			</el-form-item>
			<el-form-item label="税额">
				<el-input size="small" v-model="form.price3"></el-input>
			</el-form-item>
			<el-form-item label="含税金额">
				<el-input size="small" v-model="form.price4"></el-input>
			</el-form-item>
			<el-form-item>
				<el-button size="small" type="primary" @click="onSubmit">立即创建</el-button>
				<el-button size="small" @click="utils.back">取消</el-button>
			</el-form-item>
		</el-form>
	</div>
</template>
<script>
	export default {
		name: "add",
		data() {
			return {
				form: {
					id: '1',
					goods_id: "4081",
					title: "",
					type: '',
					guide: '',
					city: '',
					unit: '',
					number: '',
					price1: "",
					price2: "",
					price3: "",
					price4: ""
				}
			};
		},
		components: {},
		created() {},
		methods: {
			onSubmit() {
				console.log('submit!');
			}
		}
	};
</script>
<style lang="less" scoped>
	.el-input {
		width: 600px;
	}
</style>